/* 
    Document   : module_style
    Created on : Sep 14, 2011, 4:02:03 PM
    Author     : Administrator
    Description:
        Purpose of the stylesheet follows.
*/

/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/

root { 
    display: block;
}

div.module-table-num-plan {float:left;}

.module-table-families {width:100%;}

.module-table-families tr {height:30px;}
.module-table-families td {height:50px;}

.module-table-families .module-1st {width:30px;}
.module-table-families .module-2nd {width:220px;}
.module-table-families .module-3rd {width:auto;}
.module-table-families .module-4th {width:110px;}
.module-table-families .module-5th {auto;min-width:140px;}
.module-table-families .module-6th {width:110px;}
.module-table-families .module-7th {width:110px;}
.module-table-families .module-8th {width:110px;}
.module-table-families .module-9th {width:110px;}

.module-table-families td.module-1st {text-align:center;}
.module-table-families td.module-2nd {text-align:left;padding-left:10px;}
.module-table-families td.module-3rd {text-align:left;padding-left:10px;}
.module-table-families td.module-4th {text-align:center;}
.module-table-families td.module-5th {text-align:center;}
.module-table-families td.module-6th {text-align:center;}
.module-table-families td.module-7th {text-align:center;}
.module-table-families td.module-8th {text-align:center;}
.module-table-families td.module-9th {text-align:center;}

.module-table-origin-trunks {width:100%;}

.module-table-origin-trunks tr {height:30px;}
.module-table-origin-trunks td {height:50px;}

.module-table-origin-trunks .module-1st {width:30px;}
.module-table-origin-trunks .module-2nd {width:140px;}
.module-table-origin-trunks .module-3rd {width:140px;}
.module-table-origin-trunks .module-4th {width:110px;}
.module-table-origin-trunks .module-5th {auto;min-width:140px;}
.module-table-origin-trunks .module-6th {width:110px;}
.module-table-origin-trunks .module-7th {width:110px;}
.module-table-origin-trunks .module-8th {width:110px;}
.module-table-origin-trunks .module-9th {width:110px;}
.module-table-origin-trunks .module-10th {width:110px;}

.module-table-origin-trunks td.module-1st {text-align:center;}
.module-table-origin-trunks td.module-2nd {text-align:left;padding-left:10px;}
.module-table-origin-trunks td.module-3rd {text-align:center;}
.module-table-origin-trunks td.module-4th {text-align:center;}
.module-table-origin-trunks td.module-5th {text-align:center;}
.module-table-origin-trunks td.module-6th {text-align:center;}
.module-table-origin-trunks td.module-7th {text-align:center;}
.module-table-origin-trunks td.module-8th {text-align:center;}
.module-table-origin-trunks td.module-9th {text-align:center;}
.module-table-origin-trunks td.module-10th {text-align:center;}
 
 
 .module-table-termination-trunks {width:100%;}

.module-table-termination-trunks tr {height:30px;}
.module-table-termination-trunks td {height:50px;}

.module-table-termination-trunks .module-1st {width:30px;}
.module-table-termination-trunks .module-2nd {width:140px;}
.module-table-termination-trunks .module-3rd {width:140px;}
.module-table-termination-trunks .module-4th {width:110px;}
.module-table-termination-trunks .module-5th {auto;min-width:140px;}
.module-table-termination-trunks .module-6th {width:110px;}
.module-table-termination-trunks .module-7th {width:110px;}
.module-table-termination-trunks .module-8th {width:110px;}
.module-table-termination-trunks .module-9th {width:110px;}

.module-table-termination-trunks td.module-1st {text-align:center;}
.module-table-termination-trunks td.module-2nd {text-align:left;padding-left:10px;}
.module-table-termination-trunks td.module-3rd {text-align:center;}
.module-table-termination-trunks td.module-4th {text-align:center;}
.module-table-termination-trunks td.module-5th {text-align:left;padding-left:10px;}
.module-table-termination-trunks td.module-6th {text-align:center;}
.module-table-termination-trunks td.module-7th {text-align:center;}
.module-table-termination-trunks td.module-8th {text-align:center;}
.module-table-termination-trunks td.module-9th {text-align:center;}

.options-button {width:90px;}

button  span{padding:0px;margin:0px;}


.module-filters {margin:20px 0px;}
.module-textarea {width:500px;height:100px;}
.module-table-num-plan td{text-align:center;}
.module-table-num-plan td.left{text-align:left;padding:0px 20px 0px 20px;}

/* ADD NEW TRUNK */
.text {max-width:700px;}
#new-trunk select {width:630px;}

.codecs {display:block;width:650px;margin-bottom:40px;}
.codecs span {display:inline-block;width:100px;margin:5px;padding:0px;}
.codecs span .module-codec {display:inline;margin:0px;padding:0px;}
.codecs label {display:inline;margin:0px;padding-left:2px;}

.cli {margin:20px auto auto 0px;display:block;padding-top:20px;padding-bottom:20px;width:500px;}
.cli span {display:table-cell;}
.cli span.III{padding-left:40px;}

#new-trunk fieldset {margin-top:20px;width:650px;}

#new-trunk  #response {margin-top:20px;width:700px;}

#new-trunk fieldset legend {padding:10px;}
#new-trunk fieldset legend {padding:10px;text-align:left;}
#new-trunk fieldset legend {padding:10px;}
#new-trunk fieldset legend {padding:10px;}

#new-trunk .rows-container .row {padding-top:10px;padding-left:10px;width:630px;margin-top:10px;}

#edit-trunk select {width:630px;}

#edit-trunk fieldset {margin-top:20px;width:650px;}

#edit-trunk  #response {margin-top:20px;width:700px;}

#edit-trunk fieldset legend {padding:10px;}
#edit-trunk fieldset legend {padding:10px;text-align:left;}
#edit-trunk fieldset legend {padding:10px;}
#edit-trunk fieldset legend {padding:10px;}

#edit-trunk .rows-container .row{padding-top:10px;padding-left:10px;width:630px;margin-top:10px;}
#edit-trunk .rows-container .row1{padding-top:10px;padding-left:10px;width:630px;margin-top:10px;padding-bottom:10px;}

#route-trunk select {width:630px;}

#route-trunk select {width:630px;}

#route-trunk fieldset {margin-top:20px;width:650px;}

#route-trunk  #response {margin-top:20px;width:700px;}

#route-trunk fieldset legend {padding:10px;}
#route-trunk fieldset legend {padding:10px;text-align:left;}
#route-trunk fieldset legend {padding:10px;}
#route-trunk fieldset legend {padding:10px;}

#route-trunk .rows-container .row{padding-top:10px;padding-left:10px;width:630px;margin-top:10px;}
#route-trunk .rows-container .row1{padding-top:10px;padding-left:10px;width:630px;margin-top:10px;padding-bottom:10px;}


.access {width:500px;}
.access .ip_address{width:180px;display:inline-block;padding-left:15px;}
.access .tech_prefix{width:130px;display:inline-block;padding-left:115px;}
.access .prefix_field{width:200px;display:inline;margin-left:30px;}
.access .address{width:45px;letter-spacing:7px;margin-left:0px;margin-right:0px;display:inline;}
.access .first{margin-left:20px;}


#edit-trunk .ip {display:inline-block;width:290px;letter-spacing:5px;padding-left:5px;}
#edit-trunk .tech {display:inline-block;width:220px;letter-spacing:5px;padding-left:0px;}

#new-trunk .delete {margin-left:20px;}
#edit-trunk .delete {margin-left:20px;}

.show-hidden-ips-link {display:block;text-align:right;}

/* FAMILIES PAGE */
#view_trunks a {display:inline-block;margin:2px;}
a.open-event {color:red;}

#deletion_not_allowed  {color:red;}
#deletion_not_allowed ul li {color:#000;}


/* ADD NEW FAMILY */
#trunks {font-size:11px;display:block;margin: 10px auto 10px auto;}

#link-trunk .label {display:inline-block;position:relative;top:5px;}
#link-trunk .text {display:inline-block;}
#link-trunk .text a {color:red;display:inline-block;float:right;text-align:right;padding-right:0px;}
#trunks .row {display:block;height:20px;margin: 10px auto auto auto;}
#trunks .row a {display:inline-block;float:right;padding-right:10px;}

/* ROUTING */
.family_trunks {font-size:11px;display:block;margin: 10px auto 10px auto;}
.family_trunks .label {display:inline-block;position:relative;top:5px;}
.family_trunks .text {display:inline-block;}
.family_trunks .radio {display:inline-block;position:relative;top:-2px;float:right}
	.family_trunks .radio input {display:inline-block;}
	.family_trunks .radio label {display:inline-block;position:relative;top:-2px;}
.family_trunks .text a {color:red;display:inline-block;float:right;text-align:right;padding-right:0px;}
.family_trunks .row {display:block;height:20px;margin: 10px auto auto auto;}
.family_trunks .row a {display:inline-block;float:right;padding-right:10px;}


/* FILTER TRUNKS */
.marked {color:#333333;font-weight:bold;background:red;}

/* SETTINGS PAGE */
div#buttons {text-align:center;margin:20px;}

/* SIMULATOR */
.response-field legend {padding:10px;}
.footnote {font-size:80%;font-weight:bold;}
.response-field {margin-top:10px;padding:10px;}
.response-list {margin:10px;padding:0px;}